<html>
<head>
<title>Insert Userdata</title>
  <style type="text/css">@import "template-dragon_form-style.css";</style>
  <script language="JavaScript" src="jquery.js"></script>
  <script language="JavaScript" src="jquery.validation.js"></script>
<!-- 
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 
-->  
  <script type="text/javascript"> 
    $(document).ready(function() 
    { 
      $("#form1").validate(
    	{ 
    		rules:
        { 
          first_name: "required",
          last_name:  "required",
          postcode: 
          {
        	  required: true,
      	    digits: true
      	  },
          mail:
          { 
            required: true,
      	    email: true
      	  },
          phone:
	        {
	    	    required: true,
	    	    digits: true
	    	  },
        } 
       }); 
     }); 
   </script>
</head>
<body>
    <form id="form1" method="post" action="user_data_handler.php"> 
        <div class="form-row"><label for='title'>Title</label><input type="text" name="title" /></div> 
        <div class="form-row"><label for='first_name'>Firstname</label><input type="text" name="first_name" /></div> 
        <div class="form-row"><label for='last_name'>Surname</label><input type="text" name="last_name" /></div> 
        <div class="form-row"><label for='address'>Address</label><input type="text" name="address" /></div> 
        <div class="form-row"><label for='postcode'>Postcode</label><input type="text" name="postcode" /></div> 
        <div class="form-row"><label for='city'>City</label><input type="text" name="city" /></div>
        <div class="form-row"><label for='country'>Country</label><input type="text" name="country" /></div>
        <div class="form-row"><label for='phone'>Phone</label><input type="text" name="phone" /></div>
        <div class="form-row"><label for='mail'>E-Mail</label><input type="text" name="mail" /></div>
        <div class="form-row"><label for='homepage'>Homepage</label><input type="text" name="homepage" /></div>
        <div class="form-row"><label for='employer'>Employer</label><input type="text" name="employer" /></div> 
        <div class="form-row"><label for='position'>Position</label><input type="text" name="position" /></div> 
        <div class="form-row"><input class="submit" type="submit" value="Submit"></div> 
    </form> 
</body>
</html>